<%@ page contentType="text/html; charset=UTF-8" %>

<%@ taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="/WEB-INF/tld/extend.tld" prefix="extend"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
	<head>		
		<title>乐盈培训网 - 讲师列表</title>
		<link href="<extend:contextPath name="contextPath"/>/css/style.css" rel="stylesheet" type="text/css" />
		<script language="JavaScript" src="<extend:contextPath name="contextPath"/>/scripts/jquery.js"></script>
		<script language="JavaScript" src="<extend:contextPath name="contextPath"/>/scripts/common.js"></script>
	</head>
	
	<body>
				
		<div style="position:absolute; height:100%; width:1045px;">
					
			<jsp:include page="header.jsp"></jsp:include>
			
			<table width="100%" border="0" cellpadding="0" cellspacing="0" style="font-size:12px;">
				<tr>
					<td height="25px">
						<c:choose>
							<c:when test="${category == ''}">
								您现在的位置：<a href="<extend:contextPath name="contextPath"/>" class="normal_link">首页</a> >> 
								培训讲师 >> 所有讲师 >> 讲师列表
							</c:when>
							<c:otherwise>
								您现在的位置：<a href="<extend:contextPath name="contextPath"/>" class="normal_link">首页</a> >> 
								培训讲师 >> <c:out value='${category}' /> >> 讲师列表
							</c:otherwise>
						</c:choose>
					</td>
				</tr>
			</table>
			
			<div id="teacher11" style="float:left; width:720px; margin-left:0px; margin-top:15px; border: #D9D9D9 1px solid;">
				<c:forEach items="${teacherList}" var="item">
					<div style="margin:13px 0 0 13px ;">
						<div style="border:1px solid #DDDADA; height:125px; padding:3px;width:110px; float:left;">
							<a href="<extend:contextPath name="contextPath"/>/teacher/viewTeacherDetail.do?
												method=viewTeacher&teacherId=<c:out value='${item.teacherId}'/>">
								<img border="0" height="125px" width="110px" src="<c:out value='${item.teacherImagePath}'/>"/>
							</a>
						</div>
						<div style="display:inline; float:left; line-height:20px; padding-top:1px; width:540px; height:155px; padding-left:15px;">
							<strong><c:out value='${item.teacherName}'/></strong>&nbsp;&nbsp;讲师
							<br />
							<strong>擅长领域</strong>
							<br />
							<div style="background: none repeat scroll 0 0 #EBF5FA; border:1px solid #DFDFDF; padding:5px 10px">
								<c:out value='${item.teacherDesc}'/>
								<div align="right">
									<img src="<extend:contextPath name="contextPath"/>/images/abs_red.gif" />
									<a href="<extend:contextPath name="contextPath"/>/teacher/viewTeacherDetail.do?
												method=viewTeacher&teacherId=<c:out value='${item.teacherId}'/>" class="normal_link">
										详情>>
									</a>
								</div> 
							</div>
						</div>
					</div>
				</c:forEach>
				
				<div align="center" style="margin:13px 0 0 180px; float:left;">
					共 <font color="red"><c:out value='${totalCount}'/></font> 条记录 &nbsp; &nbsp;&nbsp;
					<extend:paginationNav currentPage="${paginationSortOrderData.currentPage}" 
									pageSize="${paginationSortOrderData.pageSize}" totalCount="${totalCount}"/>
				</div>
				<form action="#">
					<input type="hidden" id="category" value="<c:out value='${category}'/>" />
				</form>
				<script>
				function resubmit(i)
				{
					var category=$("#category")[0].value;
					var url = "<extend:contextPath name="contextPath"/>/teacher/viewAllTeacher.do?method=viewAllTeacher&page="+i;
					if(category != '')
					{
						url = url + "&category=" + category;
						url = encodeURI(url);
  						url = encodeURI(url);	
					}
					window.location = url;
				}
				</script>
			</div>
			
			<div style="float:left; width:200px; height:100px; border:1px solid red; margin-top:15px; margin-left:25px;">
				<ul style="width:180px; margin:0px; padding:0px 0px 0px 0px; list-style-type:none;">
					<c:forEach items="${courseCategory}" var="item">
						<li class="kc_sort_li">
							<a class="normal_link" href="#" onclick="javascript:getTeacherList('<extend:contextPath name="contextPath"/>', '<c:out value="${item}" />')">
								<c:out value="${item}" />
							</a>
						</li>
					</c:forEach>
				</ul>
			</div>
			
			<div style="float:left; border-top:1px solid #D9D9D9; margin-top:15px; width:1045px; ">
			</div>						
		</div>
	</body>
</html>